<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2801325_axk11vkc05f.css">
    <link rel="stylesheet" href="css/login.css">
</head>

<body>
    <div class="container">
        <div class="xcontainer">
            <div class="sidebox">
                <div class="sidebox-header">
                    <div class="sidebox-logo">
                        <img src="images/logo.svg" alt="">
                    </div>
                    <h2>云端软件开发协作平台</h2>
                </div>
                <div class="sidebox-content">
                    <div class="sidebox-content_author">
                        韩卿 Apache Kylin
                    </div>
                    <div class="sidebox-content_content">
                        <p> Gitee 为中国开发者提供了更好的本地化能力和服务，</p>
                        <p>在促进中国开源发展上贡献巨大，非常期待 Gitee 更上</p> 层楼。
                    </div>
                </div>
                <div class="sidebox-footer">
                    <a href="">
                        <strong>Gitee 企业版</strong>
                        <i class="iconfont">&#xe607;</i>
                        <span>企业级软件协作开发管理平台</span>
                        <i class="iconfont">&#xe78a;</i>
                    </a>
                </div>
            </div>
            <div class="loginbox">
                <div class="xloginbox">
                    <div class="xloginbox_header">
                        <h2>登录</h2>
                        <div>
                            没有账号?
                        </div>
                        <div>
                            <a href="">点击注册</a>
                        </div>

                    </div>
                    <div class="xloginbox-phone">
                        <input type="text" placeholder="手机/邮箱/个人空间地址">
                    </div>
                    <div class="xloginbox-psd">
                        <input type="password" placeholder="请输入密码">
                    </div>
                    <div class="xloginbox-reme">
                        <div>
                            <input type="checkbox">
                            <span> 记住我</span>
                        </div>
                        <div>
                            <a href="">短信验证登录</a>
                        </div>
                    </div>
                    <div class="xloginbox-btn">
                        <button>登录</button>
                    </div>
                    <div class="xloginbox-forget">
                        <a href="">已有账号，忘记密码？</a>
                    </div>
                    <div class="xloginbox-oschina">
                        <i class="iconfont">&#xe627;</i>
                        <span> 使用 OSChina 帐号登录</span>
                    </div>
                    <div class="xloginbox-other">
                        其他方式登录
                    </div>
                    <div class="xloginbox-font">
                        <div class="iconfont">&#xe66e;</div>
                        <div class="iconfont">&#xe7d1;</div>
                        <div class="iconfont">&#xe610;</div>
                        <div class="iconfont">&#xe65e;</div>
                        <div class="iconfont">
                            &#xe603;
                            <div class="xloginbox-font-more">
                                <p>
                                    <i class="iconfont">&#xe630;</i>
                                    <i class="iconfont">&#xe600;</i>
                                    <i class="iconfont">&#xe601;</i>
                                    <i class="iconfont">&#xe638;</i>
                                </p>
                                <p>
                                    <i class="iconfont">&#xe686;</i>
                                    <i class="iconfont">&#xe7d7;</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">

        <a href="">© Gitee.com</a>
        <a href="">关于我们</a>
        <a href="">使用条款</a>
        <a href="">帮助文档</a>
        <a href="">在线自助服务</a>
        <a href="">重发激活邮件</a>

    </div>
</body>

</html>